#循環操作

&colors: (primary: #3498db, secondary: #2ecc71, danger: #e74c3c);

@each &name, &color in &colors {
    @for &i from 1 through 3 {
        .button-#{&name}-#{&i} {
            background-color: &color;
            font-size: 14px + &i * 4px;
            padding: 5px * &i;
            border-radius: 4px;
            color: white;
        }
    }
}

在這個程式碼中，我使用了@each和@for兩個循環，@each循環將每個顏色名稱(&name)跟顏色值(&color)配對，形成對應的顏色按鈕，@for循環對每個顏色生成3種不同大小的按鈕，並調整字體的大小(font-size)和內邊距(padding)，而他們都會隨著@for循環的次數，而更改，像是字體大小每次會增加4px、內邊距每次增加5px。

#不知道為甚麼生成不出來!!!
程式碼疑似有出錯，導致我最終的CSS沒辦法生成出來，如果有看到哪裡錯誤，可以跟我說!
加油!!!